<template>
	<view class="content">
	
			<view class="bom" v-for="(item) in items">
				<view class="box" style="border: 1px solid #e5e5e5;">
					<image src="../../images/2.png" mode=""></image>
					<!-- <image v-for="imgurl in imgArr" src="imgurl" class="logo" @click="long(item)"></image> -->
				<view class="hem" style="padding: 18rpx;">
				<view  style="font-size: 40rpx;color: #5b5b5b;"> {{ item.message }}</view>
				<view class="art">
					<text>艺术家</text>
					<view class="ima">
						<image src="../../../static/logo.png" mode=""></image>
						<text class="name1" style="padding: 0 0  0 16rpx;">{{item.name}}</text>
					</view>
				</view>
				<view class="art">
					<text>价格</text>
					<view class="ima">
						<text class="sole">已售</text>
					</view>
				</view>
				</view>
					</view>
				</view>
		
			</view>
			
			

</template>

<script>
	export default {
		data() {
			return {
				status: 'more',
		
			items: [
				{ message: '云龙',name:'LIFFLINK' },
				{ message: '鹤翔',name:'李晓慧' }
					],
			// imgArr:[{imgurl:'../../../static/logo.png'}]
			}
		},
		
		methods: {
			long(current){
				console.log(current);
				uni.previewImage({
					current,
					urls:this.imgArr
				})
				
			}
		}
	}
</script>

<style lang="scss">
.content{
  width: 750rpx;
  height: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30rpx 0 ;
  .bom{
	  display: flex;
	  justify-content: center;
	  .box{
	    
	     // height: 600rpx;
	     border: 1px solid #adadad;
	     display: flex;
	     flex-direction: column;
	     justify-content: center;
	     border-radius: 10rpx;
	     background-color: #fff;
		 margin: 20rpx ;
		 padding: 20rpx;
	     .logo{
	       width: 640rpx;
	       height: 350rpx;
	  	 background-color: #c3c3c3;
	  	 margin: 20rpx;
	     }
	     .hem{
	  	  
	  	   margin: 20rpx;
	  	   display: flex;
	  	   flex-direction: column;
	  	   text{
	  		   padding: 5rpx 0;
	  		   color: #c3c3c3;
	  		   font-size: 30rpx;
	  	   }
	  
	  	   .art{
	  		      display: flex;
	  			  justify-content: space-between;
	  		      padding: 5rpx 0;
	  			  .ima{
	  				display: flex;
	  				justify-content: center;
	  				.sole{
	  					padding: 10rpx;
	  					background-color: #d7d7d7;
	  					color: #fff;
	  					font-size: 30rpx;
	  					border-radius: 10rpx;
	  					
	  				}
	  			  }
	  		   		   image{
	  		   			  width:40rpx;
	  		   			  height: 40rpx; 
	  		   			  border-radius: 20rpx;
	  		   		   }
	  		   	  
	  	   }
	  
	     }
	   }
	  }
  }
  uni-section{
	  width: 750rpx;
	  height: 300rpx;
	  background-color: #550000;
  }

</style>
